<!--
 * @Author Malred
 * @Date 2025-06-17 08:12:07
 * @Description 
 -->
<template>
  <el-container style="height: 100vh; width: 100vw;">
    <!-- 左侧边栏 -->
    <el-aside width="200px" style="background-color: #409EFF; height: 100vh;">
      <layout-aside />
    </el-aside>

    <!-- 主体内容 -->
    <el-container style="flex: 1; min-width: 0;">
      <!-- 头部 -->
      <el-header style="background-color: #4fa3fa; height: 60px; display: flex; align-items: center;">
        <layout-header />
      </el-header>

      <!-- 内容区域 -->
      <el-main style="margin: 0; padding: 0; height: calc(100vh - 60px);">
        <router-view />
      </el-main>

      <!-- 底部 -->
      <el-footer style="display: flex; justify-content: center; align-items: center;">
        版权所有 @Malred
      </el-footer>
    </el-container>
  </el-container>
</template>


<script setup>
</script>

<style scoped>
.el-main {
  --el-main-padding: 0px;
}
</style>

